<template>
  <div id="container">
    <div class="title">seo落地页</div>
    <div>
      点击下载: 
      <button class="btn_item" @click="download">小氪手游</button>
    </div>
    <download :show="app_download_show" :appId="appId" :appName="appName" @close="app_download_show = false" />
  </div>
</template>

<script>
import Download from '@/components/advertisement/Download'
export default {
  name: 'seoIndex',
  components: {
    Download
  },
  data() {
    return {
      app_download_show: false,
      appId: 0,
      appName: ''
    }
  },
  created() {
    const { appId, appName } = this.$route.query
    this.appId = appId ? Number(appId) : 0
    this.appName = appName ? appName : '小氪手游'
  },
  methods: {
    /**
     * @method download 点击下载小氪手游
     * @param {String} url 下载地址
     */
    download(url) {
      this.app_download_show = true
    }
  }
}
</script>

<style lang="scss" scoped>
.title {
  font-size: .2rem;
  font-weight: bold;
}
.btn_item {
  display: inline-block;
  width: .6rem;
  height: .25rem;
  border-radius: .1rem;
  background-color: rgb(255, 127, 155);
  color: white;
}
</style>

